<template>
	<view class="m-link" @tap="openLink"><slot></slot></view>
</template>

<script>
/**
 * link 超链接
 * @description 该组件为超链接组件，在不同平台有不同表现形式：在APP平台会通过plus环境打开内置浏览器，在小程序中把链接复制到粘贴板，同时提示信息，在H5中通过window.open打开链接。
 * @property {String} url 跳转的链接，要带上http(s)
 * @example <u-link url="http://www.baidu.com">蜀道难，难于上青天</u-link>
 */
export default {
	name: 'm-link',
	props: {
		// 要跳转的链接
		url: {
			type: String,
			default: ''
		}
	},
	methods: {
		openLink() {
			// #ifdef APP-PLUS
			plus.runtime.openURL(this.url);
			// #endif
			// #ifdef H5
			window.open(this.url);
			// #endif
			// #ifdef MP
			uni.setClipboardData({
				data: this.url
			});
			// #endif
		}
	}
};
</script>

<style lang="scss" scoped>
.m-link {
}
</style>
